.fx-rate {
  display: inline-block;

  > .fx-rate-list {
    display: flex;

    > li {
      padding: 2px;
      position: relative;
    }
  }
}

.fx-rate-item {
  width: 100%;
  height: 100%;
  position: relative;

  > span {
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: inline-flex;
    position: relative;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translateX(-50%) translateY(-50%);
    justify-content: center;
    align-items: center;
    transition: color 0.3s;
    color: $font-color-important;

    &.ac {
      position: absolute;
    }
  }
}
